<template>
  <div>
  <div class="moban">
    <div class="disable"></div>
    <a class="back" @click="goback">
      <div class="backicon"></div>
    </a>
    <!--<a class="more">
        <img src="images/more.png" /></a>
    -->
    <span class="moban_title">品牌介绍</span>
    <div class="xiala">
      <a href="#"><img src="static/img/jiantou.png" />品牌介绍</a>
      <a class="devicelist"><img src="static/img/jiantou.png" />设备管理</a>
    </div>
  </div>


  <div class="aboutus">
    <div class="logo">
      <img src="../../static/img/logo.png" /></div>
    <p class="introduction">小管家是海尔智能互联平台孵化的专业智能浴霸品牌。承接海尔智慧浴室中智能照明和健康空气解决方案。</p>
    </br>
    <p class="introduction">售后电话：4006 999 999-6</p>
    <!--下面这个div 是占位用，弥补最上面的条，不要删除-->
    <div  style="height:64px;"></div>
  </div>
  </div>
</template>

<script>
    export default {
        name: "About",
        data(){
          return {

          }
        },
        methods:{
          goback(){
            var indexurl = document.location.toString();
            var arrUrl = indexurl.split("?");
            var trueUrl = arrUrl[1].split("/");
            localStorage.setItem("name","backFlag")
            this.$router.push({name:'Index',params:trueUrl[0]});


          },
        },
    }
</script>

<style scoped>
  html, body {
    background-image: none; background-color:#f9f9f9
  }

  .aboutus {
    border-top: solid 1px #eee;
    padding: 0px 20px;
    height: 100%;
    overflow: auto;
    padding-bottom:50px;
  }

  .logo {
    padding-top: 50px;
    height: 200px;
    display: block;
    margin-bottom: 50px;
    text-align: center;
  }

  .logo img {
    margin: 0 auto;
    max-height: 200px;
  }
  .introduction{
    font-size:17px;
  }
</style>
